<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body>
    <!-- 导航栏 -->
    <header class="main-header-box">
        <div class="container header-container">
            <div class="left-side-nav">
                <!-- 工作室logo -->
                <div class="logo">
                    <img src="/front-web/public/qinli.png" alt="沈理论坛" class="logo-img">
                </div>
                <div class="head-title">沈理论坛</div>
            </div>
            <!-- 导航菜单 -->
            <nav class="main-nav">
                <ul class="nav-list">
                    <!-- 首页&文章分享&资源管理&问答专区 链接 -->
                    <li class="main-nav-list">
                        <!-- 网页端 -->
                        <ul class="phone-hide">
                            <li class="nav-item link-item index">
                                <a href="/front-web/index.html" class="index-a">首页</a>
                            </li>
                            <li class="nav-item link-item article">
                                <a href="/front-web/html/article.html" class="article-a">文章分享</a>
                            </li>
                            <li class="nav-item link-item resource">
                                <a href="/front-web/html/resource.html" class="resource-a">资源共享</a>
                            </li>
                            <li class="nav-item link-item interflow">
                                <a href="/front-web/html/hotQuestion.html" class="interflow-a">问答专区</a>
                            </li>
                        </ul>
                    </li>
                    <!-- 登录&注册 链接 -->
                    <ul class="right-side-nav log-out" id="logout">
                        <li class="nav-item login">
                            <a class="login" onclick="loginAppear()">登录</a>
                        </li>
                        <li class="symbol">/</li>
                        <li class="nav-item register">
                            <a class="register" onclick="regAppear()">注册</a>
                        </li>
                    </ul>
                    <!-- 登录后用户系统 -->
                    <ul class="right-side-nav log-in" id="loginUser">
                        <a href="/front-web/html/personal.html">
                            <li class="username" id="UserName">你好！琴小理</li>
                        </a>
                    </ul>
                </ul>
            </nav>
        </div>
    </header>

</html>